<template>
	<cover-view class="clock">
		<cover-view>{{hour}}:</cover-view>
		<cover-view>{{minute}}:</cover-view>
		<cover-view>{{second}}</cover-view>
	</cover-view>
</template>

<script>
	export default {
		data(){
			return {
				count: 0,
				hour:"00",
				minute:"00",
				second:"00",
				// totalCount:0,
				timer:null
			};
		},
		computed:{
			
		},
		props:{
			timeOrigin:{
				type:Number,
				default:0
			}
		},
		methods:{
			end(){
				this.is_show = false;
				clearInterval(this.timer);
				// this.$emit('clockend',this.totalCount);
			},
			showNum(num) {
				if (num < 10) {
					return '0' + num
				}
				return num
			},
			start(){
				let _this = this;
				// let count = 0;
				_this.timer = setInterval(function(){
					_this.count++;
					_this.second = _this.showNum(_this.count % 60);
					_this.hour = _this.showNum(parseInt(_this.count / 60 / 60));
					_this.minute = _this.showNum(parseInt(_this.count / 60) % 60);
					// _this.totalCount = _this.count;
				},1000);
				// this.is_show = true;
			}
		},
		onLoad() {
			this.count = this.timeOrigin
			// let _this = this;
			// // let count = 0;
			// _this.timer = setInterval(function(){
			// 	_this.count++;
			// 	_this.second = _this.showNum(_this.count % 60);
			// 	_this.hour = _this.showNum(parseInt(_this.count / 60 / 60));
			// 	_this.minute = _this.showNum(parseInt(_this.count / 60) % 60);
			// 	// _this.totalCount = _this.count;
			// },1000);
			// this.is_show = true;
		},
		onReady() {
			// this.start()
			
		}
	}
</script>

<style lang="scss">
	.clock{
		display: flex;
	}
</style>
